<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>定时器中的闭包</title>
</head>

<body>
  <ul>
    <li>000001</li>
    <li>000002</li>
    <li>000003</li>
    <li>000004</li>
    <li>000005</li>
  </ul>
  <script>
    // 闭包应用 三秒钟打印出li中的所有值
    var lis = document.querySelectorAll('li');

    // -------------------------方法一-----------------------
    // for (var i = 0; i < lis.length; i++) {
    //   (function (i) {
    //     setTimeout(function () {
    //       console.log(lis[i].innerHTML);
    //     }, 3000)
    //   })(i);
    // }

    // -------------------------方法二-----------------------
    for (let i = 0; i < lis.length; i++) {
      setTimeout(function () {
        console.log(lis[i].innerHTML);
      }, 3000)
    }
  </script>
</body>

</html>